body{
	font-family: 'iconfont' !important;
}

.igcomputer{

    display: block;

}



.igphone{

    display: none;

}





@media screen and (max-width: 450px) {

    .igcomputer{

        display: none !important;

    }



    .igphone{

        display: block !important;

    }

}



.indexssimg {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.footer-content-right p {

    color: white;

}



.footer-content-left a {

    color: white !important;

}



.footcaidan {

    max-width: 1200px;

    width: 100%;

    margin: auto;

    overflow: hidden;

    overflow: hidden;

}



.fna {

    width: 20%;

    text-align: center;

    font-size: 20px;

    display: block;

    float: left;

    line-height: 42px;

    color: white;

    opacity: 1;

    font-family: 'Microsoft YaHei' !important;

}



.fna:hover{

    color:#008FD7;

}



.lianxidiv {

    width: 100%;

    max-width: 1060px;

    margin: auto;

    overflow: hidden;

    margin-top: 80px;

}



.lvleft {

    display: block;

    float: left;

}



.lpimg {

    width: 43px;

    height: 53px;

    float: left;

    position: relative;

}



.lgimg {

    display: block;

    position: absolute;

    bottom: 0px;

}



.lpfuwu {

    font-size: 20px;

    float: left;

    color: white;

    opacity: 1;

    margin-left: 6px;

    display: block;

    width: 100%;

    text-align: left;

    font-family: 'Microsoft YaHei' !important;

}



.luimg {

    display: block;

    float: left;

    margin-left: 6px;
	margin-top: 7px;

}

.rejianword{
    float: left;
    text-indent: 6px;
    color: #fff;
    font-size: 24px;
}



.lpdiv {

    float: left;

}



.lttop {

    overflow: hidden;

    margin-bottom: 30px;

}



.ltdiv {

    float: right;

    margin-top: 45px;

}



.lvpa {

    font-size: 22px;

    opacity: 1;

    color: white;

    margin-bottom: 0px !important;

    text-align: right;

    font-family: 'Microsoft YaHei' !important;

}



.lvpb {

    font-size: 22px;

    opacity: 1;

    color: white;

    margin-bottom: 0px;

    font-family: 'Microsoft YaHei' !important;

}



.lvimgg {

    display: block;

    float: right;

    margin-left: 18px;

}



.lvright {

    float: right;

}



.ssitleft {

    width: 50%;

    height: 100%;

    float: left;

    overflow: hidden;

    position: relative;

}



.stsimg{

    width: 100%;

    height: 100%;

    position: absolute;

    object-fit: cover;

    position: absolute;

}



.sgdong{

    -webkit-transition: all 2s linear;

    transition: all 2s linear;

}



.sgdong:hover{

    transform: scale(1.5);

}



.ssitright {

    width: 50%;

    height: 100%;

    float: left;

    overflow: hidden;

    position: relative;

}



.stimg {

    display: block;

    width: 100%;

    object-fit: cover;

}



.stspana {

    font-size: 18px;

    display: block;

    text-align: center;

    margin-top: 109px;

    font-family: 'Microsoft YaHei' !important;

    color:#1a1a1a;

    position: relative;

    z-index: 2;

}



.stspanb {

    font-size: 28px;

    display: block;

    text-align: center;

    margin-top: 3px;

    font-family: 'Microsoft YaHei' !important;

    color:#1a1a1a;

    position: relative;

    z-index: 2;

}



.sta {

    font-size: 14px;

    width: 136px;

    height: 42px;

    line-height: 42px;

    text-align: center;

    display: block;

    border: 1px solid #707070;

    border-radius: 5px;

    margin: auto;

    margin-top: 13px;

    font-family: 'Microsoft YaHei' !important;

    color:#4b4b4b;

    position: relative;

    z-index: 2;

}



.imimg{

    width: 108%;

    margin-left: -4%;

}



.lfbimg{

    width: 70px;

    height: 71px;

    margin: 0px 6px;

    float: left;

}



/* .lgbottom{

    display: none;

} */



.lfbimg:hover .lgtop{

    display: none;

}



.lfbimg:hover .lgbottom{

    display: block;

}

.lgdivss{
	display: none;
}

.imga:hover .lgdivss{

   display: block;
   position: absolute;
   top: 100px;
   left: -56px;

}

.lgbottom{
	margin-top: -1px;
}

.lgdivss:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -6px;
    border-style: solid;
    border-width: 0 6px 6px;
    border-color: transparent transparent #fff;
}

.imga{
	position: relative;
	display: block;
	float: left;
}



@media screen and (max-width: 1024px) {

    .lianxidiv{

        max-width: 860px;

    }



    .index-two{

        height:600px;

    }



    .stspana{

        margin-top: 30px;

    }

}



@media screen and (max-width: 768px) {

    .stspanb{

        font-size: 30px;

    }



    .index-two {

        height: 450px;

    }



    .lpfuwu{

        max-width: 270px;

    }



    .sta{

        background: rgb(239,239,239,0.5);

    }

}



@media screen and (max-width: 450px) {

    .stspana{

        font-size: 12px;

        margin-top: 20px;

    }



    .stspanb{

        font-size: 15px;

    }



    .sta{

        font-size: 12px;

        width: 80px;

        height: 30px;

        line-height: 30px;

        background: rgb(239,239,239,0.5);

    }



    .index-two {

        height: 240px;

    }



    .lpimg {

        width: 22px;

        height: 43px;

    }



    .lpfuwu {

        max-width: 230px;

        font-size: 12px;

        line-height: 15px;

    }



    .luimg{

        width: 120px;

    }
    
    
    .rejianword{
        float: left;
        text-indent: 6px;
        color: #fff;
        font-size: 14px;
    }


    .lttop {

        margin-bottom: 15px;

    }



    .lvimgg {

        float: left;

        margin-left: 0px;

        left: 50%;

        position: relative;

        transform: translate(-50%,0%);

        margin-top: 30px;

    }



    .ltdiv{

        width: 100%;

        text-align: center;

        margin-top: 30px;

    }



    .ltdiv{

        width: 100%;

        text-align: center;

        margin-top: 10px;

    }



    .lvpa{

        text-align: center;

        font-size: 16px;

    }



    .lvpb{

        font-size: 16px;

    }
	
	.foot-left{
		width: 100% !important;
		height: auto !important;
	}
	
	.foot-right{
		width: 100% !important;
		height: auto !important;
	}
	
	.foot-top {
		display: none !important;
	    /* height: 199px !important; */
	}
	
	.left-b-img {
	    margin-top: 17px !important;
	    margin-right: 24px !important;
	    height: 25px;
	}
	
	.left-b-img.mobile{
		height: auto;
	}
	
	.left-a-img{
		margin-top: 25px !important;
	}
	
	.imga:hover .lgdivss {
	    top: 60px !important;
	    left: 0px !important;
	}
	
	.lgdivss:before{
		left: 0%;
		margin-left: 12px;
	}

}